<html>
<head>
<title>Examination Properties</title>
<link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" ></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js" ></script>
<link type="text/css" rel="stylesheet" href="/stylesheets/question_search.css" />
<script>
$(function() { // JQuery lookup function
	$( "#questions" ).autocomplete({
		source: "/student_search_json",
                select: function (event, ui) { $("#student-id").val(ui.item.id);$("#append-questions-id").val(ui.item.id); }
	});
});


function SaveExamination()			// Save eaxm propertry changes, name and duration
{
     	var examinationForm = document.getElementById('frmExaminationCreate');
	examinationForm.submit();
}
</script>
</head>
<body>
<h1>Examination Properties</h1>

<form action="/examination_create" method="post" id="frmExaminationCreate" name="frmExaminationCreate">
<div>
<div class="labelEdit">Examination Name</div>
    <input class="myTextInput" type="text" id="examinationName" name="examinationName" value="">
<div>
<div class="labelEdit">Examinee </div><input class="myTextInput" type="text" id="examinee" name="examinee" value=""</div>
<!-- form name="add_question" id="add_question" action="/question_add" method="get"></br>
     <div class="ui-widget" id="q" name="q">
	<label for="questions">Question: </label>
	<input id="questions">
	<input name="questionId"  id="questions-id">
	<input name="examId"    type="hidden" value="{{ id }}">
	<input id="beforeQuestionId" name="beforeQuestionId"  type="hidden" value="">
	<input type="submit"    value="Insert" id="Insert">
     </div -->
</div>
</form>
<form><input type="button" value='Save Exam' id="Save_Examination" name="Save_Examination" onclick="SaveExamination"></form>
<hr><br>
<br>
<a href="/">Start Page</a>
</body>
</html>

